.setRem(@w){
  @media screen and (min-width:@w) {
      html{
          font-size: @w/10;
      }
  }
} 
.setRem(320px);
.setRem(360px);
.setRem(375px);
.setRem(414px);
.setRem(540px);
.setRem(640px);
.setRem(750px);

// html {
//   height: 2500px;
// }
.box {
  min-width: 320px;
  max-width: 750px;
  width: 100%;
  background-color: #F1F1F1;
  margin: 0 auto;
  // 头部
  .com-header {
    width: 100%;
    background-color: #ff841d;
    // height: 1.333333rem /* 100/75 */;
    height: 1.226667rem /* 92/75 */;
    // padding-top: .333333rem /* 25/75 */;
    padding-top: .293333rem /* 22/75 */;
    padding-left: .453333rem /* 34/75 */;
    padding-right: .2rem /* 15/75 */;
    .logo {
      width: 4.946667rem /* 371/75 */;
      height: .666667rem /* 50/75 */;
      background: url('../images/header_logo.png');
      background-size: cover;
    }
    .download {
      width: .8rem /* 60/75 */;
      height: .8rem /* 60/75 */;
      background: url('../images/header_app.png');
      background-size: cover;
    }
    
    .back {
      color: #fff;
      font-size: .666667rem /* 50/75 */;  
    }
    h3 {
      color:#fff;
      font-size: .426667rem /* 32/75 */;
      text-align: center;
    }
  }

  .red {
    background-color: #f4483e;
  }
  // 搜索
  .com-search {
    height: 1.333333rem /* 100/75 */;
    width: 100%;
    padding-top: .266667rem /* 20/75 */;
    padding-left: .266667rem /* 20/75 */;
    // margin-bottom: .266667rem /* 20/75 */;
    position: relative;
    background-color: #fff;
    .search {
      position: absolute;
      top: .266667rem /* 20/75 */;
      left: .266667rem /* 20/75 */;
      height: .8rem /* 60/75 */;
      width: 7.6rem /* 570/75 */;
      border-radius: .4rem /* 30/75 */;
      text-align: left;
      padding-left: .4rem /* 30/75 */;
      font-size: .32rem /* 24/75 */;
      margin-right: .133333rem /* 10/75 */;
    }
    .btn-search {
      position: absolute;
      top: .266667rem /* 20/75 */;
      right: .4rem /* 30/75 */;
      width: 1.666667rem /* 125/75 */;
      height: .8rem /* 60/75 */;
      line-height: .8rem /* 60/75 */;
      text-align: center;
      background-color: #ff841d;
      border-radius: .8rem /* 60/75 */;
      font-size: .373333rem /* 28/75 */;
      color: #fff;
    }
  }


  

  //底部
  .footer {
    width: 100%;
    .top-register {
      height: .88rem /* 66/75 */;
      border-top: 1px solid #bbbbbb;
      border-bottom: 1px solid #bbbbbb;
      font-size: .346667rem /* 26/75 */;
      .login,.register {
        float: left;
        width: 33.33%;
        text-align: center;
        height: .88rem /* 66/75 */;
        line-height: .88rem /* 66/75 */;
        border-right: 1px solid #bbbbbb;
      }
      .return {
        float: left;
        width: 33.33%;
        text-align: center;
        height: .88rem /* 66/75 */;
        line-height: .88rem /* 66/75 */;
        color: #333;
        span {
          position: relative;
          top: .053333rem /* 4/75 */;
          display: inline-block;
          width: .4rem /* 30/75 */;
          height: .4rem /* 30/75 */;
          background: url('../images/top.jpg');
          background-size: cover;
        }
      }
    }
    .addr {
      padding: .4rem /* 30/75 */ 0;
      text-align: center;
      p {
        height: .426667rem /* 32/75 */;
        font-size: .32rem /* 24/75 */;
        color: #333;
        margin: 0;
        .app {
          color: red;
        }
      }
    }
  }

  
}




















































